'use client'
import LeftBarLayout from "@/src/components/LeftBarLayout";
import Link from "next/link";
import { useRouter } from "next/router";

export default function AboutPage() {
    const router = useRouter();

    const goToAbout = () => {
        router.push("/");
    };

    return (
        <div>
            <h1>SPA AboutPage</h1>
            <Link href='/'>Home Page</Link>
            <button onClick={goToAbout}>Go to Home</button>
        </div>
    );
}

AboutPage.getLayout = (page: React.ReactElement) => {
    return (
        <main>
            <h4>Manage</h4>
            <LeftBarLayout/>
            {page}
        </main>
    );
};
